{% load i18n %}
	<div class="secondaryContentBox">
		<h2>{% trans "My highlight videos" %}</h2>
		<div class="videoList">
			{% for video in hlvideoList %}
				<div class="videoListItem">
					<a href="http://{{ siteHostname }}/loop/youtube/{{ video.videoID }}">
						<img src="{{ video.thumbURL }}" width="60" height="45"/>
						{{ video.title }}
					</a>
				</div>
			{% endfor %}
		</div>
		<p class="small"><a href="http://{{ siteHostname }}/channel/play/highlight">{% trans "Play highlight videos in LoopTube Channel" %}</a></p>
		<p class="small"><a href="http://{{ siteHostname }}/channel/play/highlight?edit=1">{% trans "Edit highlight video list" %}</a></p>
		<p class="small"><a href="javascript:clearHighlights();">{% trans "Remove all highlight videos" %}</a></p>
	</div>

	<script type="text/javascript">
<!--
function clearHighlights(){
	setCookie('highlightVideos', null);
	loadHighlightVideosSidebar();
	renderHighlightLink('all', isHighlightLinkWithText, true);
}
-->
	</script>